*
{
    padding: 0;
    margin: 0;
} 
    
html
{
     background-color: #000000;
}

body
{ 
    font: .8em "Trebuchet MS", Verdana, Arial, Sans-Serif;
    background-color: #FFFFFF;
    margin: 20px auto;
    width: 80%;
    max-width: 800px;
    min-width: 500px;
    padding: 10px;
    background-color: #FFFFFF;
}
body.writings, body.articles { max-width: 700px; }
ul, ol
{
    margin: 5px 0 1em 35px;
}
p
{
    padding: 5px;
}
img
{
    border: none;
}
a:link, a:focus
{
    color: #3B85CA;
}
a:visited
{
    color: #075297;    
}
a:hover
{
    color: #000000;
}

header
{
    min-height: 90px;
    background: url("/images/header-back.png") #000;
    
    h1
    {
        padding: 12px 0 0 10px;
        font-size: 200%;
        color: #FFFFFF;
    }
    h2
    {
        padding: 0 0 12px 10px;
        font-size: 150%;
        color: #FFE51E;
    }
}
 
a.externe:after
{
    content: " »";
}
nav ul
{
    text-align: center;
    margin: 10px 0 0 0;
    padding: 5px;
    font-size: 125%;
    font-weight: 600;
    border: 1px solid #CCCCCC; 
    background: #EEEEEE;
}
nav ul li
{
    display: inline;
}
nav ul li a
{
    color: #3B85CA;
    text-decoration: none;
    padding: 7px;
}
nav ul li a:hover
{
    color: #000000;
}
      

#content
{ 
    text-align: left;
    margin-top: 5px;
    padding: 10px;
    font-size: 110%;
    
    img
    {
        max-width: 100%;
    }
}
#content h2
{
    font-size: 1.5em;
    color: #444444;
}
#content h3
{
    font-size: 1.15em;
    color: #444444;
    margin-top: 15px;
}
#content h4
{
    font-size: 95%;
}
    
footer
{ 
    margin-top: 25px; 
    clear: both;
    text-align: center; 
    color: #777; 
    font-size: 90%;
}
    
    
body.writings.single, body.articles.single > #content
{
    line-height: 1.4em;
    text-align: justify;
    
    h2, h3
    {
        text-align: center;
        width: 100%;
        font-size: 175%;
        color: #666666;
        margin: 10px 0;
    }
    h3
    {
        font-size: 125%;
        color: #888888;
    }
    aside
    {
        float: right;
        margin: 15px;
        padding: 5px;
        border: 3px solid #CCCCCC;
        max-width: 200px;
    }
    aside.quote
    {
        float: left;
    }
    blockquote
    {
        font-style: italic;
        font-weight: bold;
        margin: 15px 20px 10px 20px;
        padding-left: 20px;
        background: transparent url("/images/quote.gif") no-repeat scroll 0 0;
    }
}
                
#cv
{
    .languages
    {
        float: left;
        
        &.learning
        {
            margin-left: 150px;        
        }
    }
    h3
    {
        clear: both;
        border-bottom: 1px solid black;
        margin-top: 15px;
        font-size: 1.2em;
    }
    
    h4
    {
        margin-top: 10px;
        font-size: 1em;
    }
    h5
    {
        font-size: .9em;
    }
    .email { float: right; }
    > ul.liste-liens { list-style: none; }
    ul.liste-liens > li 
    {
        border-bottom: 1px dotted gray;
    }
    ul.liste-liens li ul
    {
        padding-bottom: 5px;
    }
    ul.liste-liens li ul li
    {
        list-style: disc;
    }
    ul.passe-temps
    {
        overflow: auto;
    }
    ul.passe-temps li
    {
        float: left;
        width: 33%;
    }
}
div.navigateur
{
    margin-left: 15px;
    font-size: 80%;
}
.sw-cp ul { list-style: none; }

.date
{
    font-size: 75%;
    font-style: italic;
    color: #777777;
}

#disqus_thread
{
    margin-top: 2em;

    iframe #discovery-top
    {
        display: none;
    }
}